export default function OnClickDemo(){
    // 1、一般的onClick函数
    // const handClick=()=>{
    //     console.log('按钮已经被点击');
    // }
    //2、事件参数,e是一个事件参数，Log后可以看到很对象
    const handClick=(e)=>{
        console.log(e);
    }
    // 3、传递一般参数
    const handClickParam=(name)=>{
        console.log(name);
    }
    const handClickParamE=(name,e)=>{
        console.log(name);
        console.log(e);
    }
    return(
       <div>
           <button onClick={handClick} >click me</button>
           <br/>
           <br/>
           {/*如果是点击传递一个参数，这{}里面就应该是一个箭头函数，特别注意*/}
           <button onClick={()=>handClickParam('jack')} >点击传递参数</button>
           <br/>
           <br/>
           {/*既要传参，又要传一个e,这里注意两个参数位置，与箭头函数的位置应该一样*/}
           <button onClick={(e)=>handClickParamE('marry',e)}>点击传递一般参数和特殊参数e</button>
       </div>
    )
}